<template>
<div>
    <div class="my-bg-img d-flex justify-content-center">
      <router-link to="/login" class="btn btn-primary" style="height:40px;width:120px;font-size:16px;margin: 280px 0 0 0;" data-toggle="button" aria-pressed="false" autocomplete="off">加入我们</router-link>
    </div>
      <div class="d-flex justify-content-center py-5">
        <OpusDisplayFrame></OpusDisplayFrame>
        <OpusDisplayFrame></OpusDisplayFrame>
        <OpusDisplayFrame></OpusDisplayFrame>
    </div>
    <div style="padding:0 300px;">
      <button type="button" class="btn btn-primary btn-lg btn-block">加载更多</button>
    </div>

</div>

</template>
<script>
import OpusDisplayFrame from './OpusDisplayFrame'
export default {
  name: 'MainBody',
  components: {
    OpusDisplayFrame
  }
}
</script>

<style scoped>
.my-bg-img{
  height: 440px;
  background-image: url('../../assets/images/banner1.jpg')
}
</style>
